import React, { memo } from 'react';
import { FooterWrapper } from './style';
import footerData from "@/assets/data/footer.json"; // 从一个 JSON 文件中导入页脚数据

const AppFooter = memo(() => {
  return (
    <FooterWrapper>
      <div className='wrapper'>
        <div className='service'>
          {
            // 遍历 footerData 数组中的每个项
            footerData.map(item => {
              return (
                <div className='item' key={item.name}>
                  <div className='name'>{item.name}</div>
                  <div className='list'>
                    {
                      // 遍历当前项中 list 数组中的每个项
                      item.list.map(iten => {
                        return <div className='iten' key={iten}>{iten}</div>
                      })
                    }
                  </div>
                </div>
              );
            })
          }
        </div>
        {/* 静态页脚声明 */}
        <div className='statement'>© 2022 Airbnb, Inc. All rights reserved.条款 · 隐私政策 · 网站地图 · 全国旅游投诉渠道 12301</div>
      </div>
    </FooterWrapper>
  );
});

export default AppFooter;
